<!--考勤实施页面-->
<template>
  <div class="app-page">
    <v-card>
      <v-container fluid grid-list-sm>
        <v-layout row wrap>
          <v-flex xs12>
            <v-card>
              <!-- <v-card-title primary class="title blue--text">管理班级</v-card-title> -->
              <v-container fluid grid-list-xs>
                <v-layout row wrap>
                  <v-flex d-flex xs5 text-xs-center>
                    <v-card class="blue--text">
                      <v-card-text>{{$route.query.selectRoom}}
                        <br>{{$route.query.selectClass}}
                      </v-card-text>
                    </v-card>
                  </v-flex>
                  <v-flex d-flex xs6 offset-xs1>
                    <v-btn block color="info" large @click="save">全勤提交</v-btn>
                  </v-flex>
                </v-layout>
              </v-container>
            </v-card>
          </v-flex>

          <!-- 选择未到课 -->
          <v-flex xs12>
            <v-card>
              <v-card-title primary class="body-2 grey--text">默认学生为到课，未到课学生请选择原因</v-card-title>
              <v-expansion-panel>
                <v-expansion-panel-content
                  v-for="(studentItem,studentIndex) of studentArr"
                  :key="studentIndex"
                >
                  <div slot="header">
                    <v-layout>
                      <v-flex d-flex xs7>{{studentItem.name}}</v-flex>
                      <v-flex d-flex xs5>
                        <span class="text-xs-right grey--text">{{studentCome[studentItem.value]}}</span>
                      </v-flex>
                    </v-layout>
                  </div>
                  <v-card>
                    <v-layout row wrap>
                      <v-flex d-flex xs1></v-flex>
                      <v-flex d-flex xs11>
                        <v-radio-group v-model="studentItem.value" row>
                          <v-radio
                            :label="comeItem"
                            color="orange"
                            :value="comeIndex"
                            v-for="(comeItem,comeIndex) of studentCome"
                            :key="comeIndex"
                          ></v-radio>
                        </v-radio-group>
                      </v-flex>
                    </v-layout>
                  </v-card>
                </v-expansion-panel-content>
              </v-expansion-panel>
            </v-card>
          </v-flex>
          <v-flex xs8 offset-xs2>
            <v-btn block color="info" large @click="save">提交</v-btn>
          </v-flex>
        </v-layout>
      </v-container>
    </v-card>
  </div>
</template>
<script>
import classManage from "../../components/layouts/classManage.vue";
export default {
  components: {
    classManage
  },
  data() {
    return {
      selectClass: "",
      studentCome: [
        "到课",
        "事假",
        "病假",
        "迟到",
        "旷课",
        "参加学生社团",
        "参加学生组织",
        "上起航晚自习",
        "工作室培训"
      ],
      studentArr: [
        {
          name: "尹川",
          value: 0
        },
        {
          name: "王鑫",
          value: 0
        },
        {
          name: "姚明",
          value: 0
        },
        {
          name: "王新生",
          value: 0
        },
        {
          name: "李晨",
          value: 0
        },
        {
          name: "董文杰",
          value: 0
        },
        {
          name: "张川",
          value: 0
        },
        {
          name: "赵季",
          value: 0
        }
      ],
      classList: [
        {
          floor: "7#",
          room: "301-302",
          class: "2018001班"
        }
      ],
      handleClassIndex: 0
    };
  },
  methods: {
    save() {
      window.history.back(-1);
    },
  }
};
</script>
<style lang='less' scoped>
@import "~@/common/css/appPage.less";
</style>